<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>智慧农路综合服务平台</title>
    <link rel="stylesheet/less" type="text/css" href="css/dataanalysis.less" />
    <link rel="stylesheet" href="css/font/font.css" />
  </head>
  <body>
    <div id="app" v-cloak>
      <echarts-head @achivecurrent="receivecurrentView"></echarts-head>
      <component :is="currentViews"></component>
    </div>
    <script src="./js/axios.min.js"></script>
    <script src="./js/echarts.js"></script>
    <script src="./js/flexible.js"></script>
    <script src="./js/vue.js"></script>
    <script src="./js/less.min.js"></script>
    <script src="./js/httpVueLoader.js"></script>
    <script type="module">
      Vue.use(httpVueLoader)
			var app = new Vue({
				el: '#app',
				data:{
				    currentViews:'EchartsOne'
				},
				components:{
					EchartsHead:'url:./components/head.vue',
					EchartsOne:'url:./components/echarts_one.vue',
					EchartsTwo:'url:./components/echarts_two.vue',
					EchartsThree:'url:./components/echarts_three.vue',
					EchartsFour:'url:./components/echarts_four.vue',
					EchartsFive:'url:./components/echarts_five.vue',
					EchartsSix:'url:./components/echarts_six.vue'
				},
				methods: {
				  receivecurrentView:function(val){
            this.currentViews=val;
				  }
				}
			})
		</script>
  </body>
</html>
